<template>
	<view class="main-content">
		<scroll-view scroll-y :style="{height: scrollHeight}" class="list-box">
			<view class="frame">
				<text>简述</text>
				<text>驷马河国家湿地公园位于驷马省级自然保护区内，主要包括驷马河、高坑河、徐家河、花溪河及周边湿地区域，南北跨度18.45千米，总面积372.98公顷，其中湿地面积155.78公顷，湿地率41.77%，是嘉陵江上游保存较为完好的自然河流生态系统，也是川东北山地向丘陵过渡地带“河流—森林”复合湿地生态系统的典型代表，保护着长</text>
			</view>
			<view class="detection-list frame">
				<text>检测列表</text>
				<view v-for="(item,index) in 6" :key="index">
					<text>检测项目</text>
					<text>项目情况</text>
				</view>
			</view>
		</scroll-view>
		<you-bottom-btn :btnConfig="bottomBtnConfig" @servicingInstallation="servicingInstallation"
			@testReport="testReport">
		</you-bottom-btn>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				scrollHeight: '',
				bottomBtnConfig: [{
					text: '下载检测报告',
					class: 'confirm',
					funcName: 'servicingInstallation'
				}],
			}
		},
		onLoad() {
			this.scrollHeight = this.$store.getters.heightData.noTabMainHeight - 54 + 'px'
		},
		methods: {}
	}
</script>

<style scoped lang="less">
	.main-content {
		width: 100%;
		height: 100%;

		.list-box {
			padding: 20rpx 30rpx;

			.frame {
				background: #ffffff;
				padding: 20rpx;
				border-radius: 20rpx;
				margin-bottom: 20rpx;

				>text {
					display: block;
					font-size: 24rpx;
					font-style: normal;
					font-weight: 400;
					line-height: 40rpx;
					opacity: 0.6;

					&:first-child {
						margin-bottom: 10rpx;
						font-size: 28rpx;
						font-style: normal;
						font-weight: 500;
						line-height: 40rpx;
						opacity: 0.9;
					}
				}
			}

			.detection-list {
				>text {
					margin-bottom: 20rpx;
				}

				view {
					margin-bottom: 30rpx;
					display: flex;
					justify-content: space-between;

					&:last-child {
						margin: 0;
					}

					text {
						&:first-child {
							font-size: 28rpx;
							font-style: normal;
							font-weight: 400;
							line-height: 40rpx;
							opacity: 0.6;
						}

						&:last-child {
							font-size: 28rpx;
							font-style: normal;
							font-weight: 400;
							line-height: 40rpx;
							opacity: 0.9;
						}
					}
				}
			}

		}
	}
</style>